/*==============边距===============*/
.m-t5{
	margin-top: 5px;
}
.m-t10{
	margin-top: 10px;
}
.m-t15{
	margin-top: 15px;
}
.m-t20{
	margin-top: 20px;
}
.m-t30{
	margin-top: 30px;
}
.m-t40{
	margin-top: 40px;
}
.m-r5{
	margin-right: 5px;
}
.m-r10{
	margin-right: 10px;
}
.m-r15{
	margin-right: 15px;
}
.m-r20{
	margin-right: 20px;
}
.m-r30{
	margin-right: 30px;
}
.m-r40{
	margin-right: 40px;
}
.m-b5{
	margin-bottom: 5px;
}
.m-b10{
	margin-bottom: 10px;
}
.m-b15{
	margin-bottom: 15px;
}
.m-b20{
	margin-bottom: 20px;
}
.m-b30{
	margin-bottom: 30px;
}
.m-b40{
	margin-bottom: 40px;
}

.p-t5{
	padding-top: 5px;
}
.p-t10{
	padding-top: 10px;
}
.p-t15{
	padding-top: 15px;
}
.p-t20{
	padding-top: 20px;
}
.b-b5{
	padding-bottom: 5px;
}
.b-b10{
	padding-bottom: 10px;
}
.b-b15{
	padding-bottom: 15px;
}
.b-b20{
	padding-bottom: 20px;
}
/*==========浮动==========*/
.f-r{
	float: right !important;
}
.f-l{
	float: left !important;
}
/*==========颜色==========*/
.ma-color{
	color:$ma-color;
}
.red{
	color:#E60012;
}
/*==========全局小组件=============*/
.btn100{ //登入的那类按钮
	width: 100%;
	height: 36px;
	color:#fff;
	border-radius: 4px;
	font-size: 14px;
	display: block;
	background: #33ad36;
	line-height: 36px;
	text-align: center;
	cursor: pointer;
}

.st-add{ //添加按钮
	border:none;
	width: 120px;
	height: 34px;
	border-radius: 4px;
	background: #e60012;
	line-height: 34px;
	color:#fff;
	font-size: 14px;
	padding-left: 16px;
	text-align: center;
	i{
		display:block;
		float: left;
		width: 30px;
		height: 30px;
		margin: 2px 2px 0 0;
		background: url(../images/addico.png) no-repeat center/cover;
	}
	span{
		float: left;
	}
}
/*--用的很普遍的灰色按钮--*/
.grayBtn{
	height: 27px;
	border:1px solid #e5e5e5;
	background: #F9F9F9;
	text-align: center;
	line-height: 27px;
	cursor: pointer;
	padding: 0 20px;
	display: inline-block;
}
/*----------弹出框框架 1=============*/
.pop{
	width: 380px;
	border-radius: 3px;
	overflow: hidden;
	& > .title{
		position: relative;
		height: 45px;
		line-height: 45px;
		padding:0 15px;
		font-size: 16px;
		color:#fff;
		background: $ma-color;
		.stclose{
			float: right;
			display: block;
			width: 25px;
			height: 25px;
			float: right;
			background: url(../images/close.png) no-repeat center/cover;
			margin-top: 10px;
			cursor: pointer;
		}
	}
	& > .con{
		padding: 15px;
	}
}
/*----------input输入框组 小---------*/
.sm-item{
	width: 100%;
	margin: 15px 0;
	height: 25px;
	line-height: 25px;
	.left{
		width: 25%;
		height: 100%;
		text-align: right;
		display: block;
		float: left;
		font-size: 12px;
		color:#666;
	}
	.right{
		padding-left: 10px;
		input{
			width: 200px;
			text-indent: 10px;
			outline: none;
			height: 100%;
			border:1px solid #c9c9c9;
			font-size: 12px;
			color:#999;
		}
		button{
			background: $ma-color;
			padding: 0px 15px;
			border-radius: 3px;
			border:none;
			color:#fff;
			font-size: 12px;
			cursor: pointer;
			margin-right: 15px;
			height: 26px !important;
			&.red{
				background: #e60012;
			}
		}
	}
}

/*===信息输入框 keyvalue style1===*/
.info-enter--style1{
	width: 230px;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	color:#666;
	float: left;
	&.longregion{
		width: 412px;
		.right{
			width: 332px;
			input{
				width:155px !important;
			}
		}
	}
	&:nth-child(3n+1),&:nth-child(3n+2),&:last-child{
		margin-bottom: 0 !important;
	}
	.left{
		display: inline-block;
		width:70px;
	}
	.right{
		display: inline-block;
		width: 155px;
		height: 22px;
		&.input{
			input{
				width: 100%;
				height: 22px;
				border:1px solid #C9C9C9;
				padding-left:5px;
			}
		}
		&.select{
			select{
				width: 100%;
				height: 22px;
				border:1px solid #C9C9C9;
			}
		}
		&.region{
			color:#666;
			font-size: 12px;
			span{
				display: inline-block;
				padding: 0 3px;
			}
			input{
				width: 64px;
				border:1px solid #C9C9C9;
				height: 22px;
				text-align: center;
			}
		}
	}
}


/*===信息输入框 keyvalue style2===*/
.info-enter--style2{
	width: 230px;
	min-height: 27px;
	line-height: 27px;
	font-size: 12px;
	color:#666;
	float: left;
	&.longregion{
		width: 412px;
		.right{
			width: 332px;
			input{
				width:146px !important;
			}
		}
	}
	.left{
		display: inline-block;
		width:75px;
		float: left;
		&.fright{
			text-align: right;
			padding-right:10px;
		}
		&.both{
			font-weight: 600;
		}
	}
	.right{
		display: inline-block;
		width: 150px;
		min-height: 27px;
		&.input{
			input{
				width: 100%;
				height: 27px;
				border:1px solid #C9C9C9;
				padding-left:5px;
				border-radius: 3px;
			}
		}
		&.select{
			select{
				width: 100%;
				height: 27px;
				border:1px solid #C9C9C9;
				border-radius: 3px;
			}
		}
		&.textarea{
			textarea{
		 	    width: 675px;
		 	    height: 123px;
		 	    padding: 5px 15px;
		 	    border:1px solid #C9C9C9;
				border-radius: 3px;
			}
		}
		&.checkbox{
			margin-top: 0;
			position: relative;
			label {
			    float: left;	
			    display: block;
			    width: 100%;
			    height: 26px;
			    line-height: 26px;
			    position: relative;	
				input{
					float: left;
					margin-top: 7px;
				}
			}
		}
		&.region{
			color:#666;
			font-size: 12px;
			span{
				display: inline-block;
				padding: 0 3px;
			}
			input{
				width: 64px;
				border:1px solid #C9C9C9;
				height: 27px;
				text-align: center;
				border-radius: 3px;
			}
		}
	}
}
/*==========图片上传==============*/
/*100*100*/
.load100{
	width: 100px;
	height: 100px;
	background: #f6f6f6 url(../images/upload.png) no-repeat center;
	border:1px solid #cdcdcd;
	position: relative;
	& > .spload-name{
		display: block;
		color:#fff;
		width: 100%;
		height: 24px;
		text-align: center;
		line-height: 24px;
		position: absolute;
		top:0;
		left:0;
		background: rgba(0,0,0,0.6);
	}
	label{
		display: block;
		width: 100%;
		height: 100%;
		input{
			display:none;
		}
	}
}
